$(function(){
	// 绑定左侧分类品牌的点击事件
	$(".list-prod2-nav-li").click(function(){
		// 处理样式
		$(".list-prod2-nav-li-on").removeClass("list-prod2-nav-li-on");
		$(this).addClass("list-prod2-nav-li-on");
		loadWares();
	});
	
	loadWares();
});
/**
 * 加载商品列表数据，加载处理为html片段
 * @param sortField
 * @param sortMethod
 */
function loadWares(sortField, sortMethod) {
	var obj = $(".list-prod2-nav-li-on");
	$.ajax({type:"POST", url: "/ware/wares.html", 
		data:{categoryId: obj.attr("catId"),  brandId : obj.attr("brandId"), sortField: sortField || "sales", sortMethod: sortMethod || "desc"},
		dataType: "text", 
		beforeSend : function() {
			showTips("loading.gif", "数据加载中…");
		}, success: function(data) {
			$(".list-prod-content").html(data);
			sortClick();
		}, error : function() {
			showTips("/imgs/angry_128px.png", "加载数据错误，请重试！");
		}
	});
}
/**
 * 绑定排序点击事件
 * @param loadData 是否加载数据，true-是，false-否
 */
function sortClick() {
	// TODO GXG 有点问题，要点击两次
	// 重新绑定点击排序事件
	$(".prod-title-li").unbind("click").click(function() {
		if(!$(this).attr("sortField")) return;
		// 处理样式显示↑
		var sort = $(this).attr("sort");
		$("font[name='sortMetod']").html("");
		if(sort && sort == "desc") {
			$(this).find("font[name='sortMetod']").html("↑");
			$(this).attr("sort", "asc");
		} else {
			$(this).find("font[name='sortMetod']").html("↓");
			$(this).attr("sort", "desc");
			sort = "asc";
		}
		console.log(sort);
		 loadWares($(this).attr("sortField"), sort);
	});
}

/**
 * 显示提示框
 * @param img		图片名称
 * @param text		提示文字
 */
function showTips(img, text) {
	$(".list-prod-content").html('<div class="list-tips"><img src="/imgs/'+img+'"><p>&ensp;</p><p>'+text+'</p></div>');
}